前言

在設計一個sideproject的前提，就是考量到，在TODO List的project中，是直接由紙本轉線上的媒材，好處是：紙本待辦事項清單可以很容易地被遺失或遺忘，將待辦事項清單遷移到線上媒體（Web App就是一個很好的例子），允許user隨時隨地存取和管理任務。

但轉換媒材的過程，最重要的還是user的需求，當發現project似乎要完成時，就是可以開始思考是否還能加上什麼功能，來完善需求的時候了。就本次的project而言，todo list在紙本媒材時就有「劃掉」的習慣，在線上媒材當然也要可以刪除----所以今天我們其實就是來刪除的XD。

程式概念

今天的思路可以這樣想：

• 在我們目前已經實作的程式中，有Todo.js專門在處理List的過程
• 但是要處理刪除collection內內容以及本地顯示，是在App.js中
• 首先就介面上，可以在Todo.js裡面處理，用上material-ui可以解決
• 接著就功能上，App.js應該要提供Todo.js一個處理刪除的function
• 而Todo.js處理刪除後，要可以向上渲染，或許我們需要一些async的function

照著這個思路，就可以進入今天的實作了！

完整的code

這個project即將進入尾聲了，完整的程式碼我將會在明天修正UI後，再放到github上，並且更新貼文內連結，可以在github看到整理地更好的~